<template>
	<view >
        <view
            v-for="(item, index) in indexList"
            :key="index" class="p-4 mx-auto bg-white rounded-xl shadow-lg flex items-center gap-x-4 my-2 justify-end"
        >
            
            <view class="justify-start w-full">
                <text class="text-slate-500">You have a new message!</text>
            </view>
            <view class="items-right">
                <view class="i-basil-trash-solid" text-lg color="#fa3534"></view>
            </view>
        </view>
	</view>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';  
interface ListData{
    url:string;
}
const indexList = reactive<Array<ListData>>([]);


</script>